@import url('./reset.scss');
@import url('./layout.scss');
@import url('./element-reset.scss');

html,
body,
#app {
  height: 100%;
}

.wu-page {
  background-color: #fff;
}

.wu-pagination {
  display: flex;
  justify-content: flex-end;
  padding: 10px 0;
}

.wu-table {
  padding: 5px;
}

.wu-table-top-area {
  margin-bottom: 5px;
}

.chart-wrap {
  height: 100%;
}

.wu-chart {
  width: 100%;
  height: 200px;

  .chart-tooltip {
    padding: 20px;
    color: #fff;
    // width: 352px;
    // height: 108px;
    background: url('@/assets/imgs/screen/line-bg.png') no-repeat;
    background-size: 100% 100%;
    opacity: 0.9;

    i {
      color: #cca155;
    }

    &.bg2 {
      min-width: 200px;
      padding: 10px 20px;
      background: url('@/assets/imgs/screen/contrast-bg.png') no-repeat;
      background-size: 100% 100%;

      .chart-tooltip-list {
        height: 70px;

        li {
          height: 22px;
          line-height: 22px;
          padding-left: 6px;
          margin-bottom: 2px;
        }
      }
    }
  }
}
